<!--
浮动
    可以让多个块盒子在一行中没有间隙的排列显示，常用于横向排列。
定位
    可以让盒子在某个盒子内自由移动位置、或固定在屏幕中某个位置，且可以压住其它盒子。


定位 = 定位模式 + 位置偏移

    定位模式
        指定元素在文档中的定位方式。
        position
            - static      静态
            - relative    相对
            - absolute    绝对
            - fixed       固定
            - sticky      粘性

    位置偏移
        决定元素的最终位置。（相对于父元素边界的距离：偏移量）
            top
            bottom
            left
            right
    注意：
        这四个属性必须在声明定位模式（相/绝/固/粘）后才会起作用，浮动以及static是不起作用的，

        
静态定位
    position: static;
        - 是默认的定位方式，也就是无定位的情况
        - 它会按照标准流特性摆放位置，是没有偏移量的
        - 当做标准流看待即可
-->
<style>
    * {
        margin: 0;
        padding: 0;
    }
    div {
        width: 200px;
        height: 200px;
        background: cyan;
        /* 不设置position属性，其实就是默认的static静态定位模式 */
        position: static;
        /* top无效 */
        top: 50px;
    }
</style>

<div></div>